<template>
	<view class="h-full" style="color: #9FA6B5;">
		<view class="p-4 box-border text-white text-lg flex flex-col gap-2">
			<view class="w-full p-3 px-5 box-border rounded-full flex justify-between" style="background-color: #242424;"
			@click="onpageshow()">
				<view>BTC</view>
				<u-icon name="arrow-right" color="#9FA6B5" size="16"></u-icon>
			</view>
		</view>
		<view class="p-4">
			<view class="text-md text-white">{{$t('address.dizhi')}}</view>
			<view class="my-2 flex rounded-sm p-2" style="background-color: #242424;">
				<u--input :placeholder="$t('address.qingsrhztdz')" border="none" color="#fff"
					v-model="form.address"></u--input>
			</view>
			<view class="text-md text-white">{{$t('address.beizhu')}}</view>
			<view class="my-2 flex rounded-sm p-2" style="background-color: #242424;">
				<u--input :placeholder="$t('address.qingtxbeizhu')" border="none" color="#fff"
					v-model="form.address"></u--input>
			</view>
		</view>
		<view class="fixed bottom-0 left-0 p-4 w-full box-border">
			<u-button :text="$t('huazhuan.queding')" shape="circle" style="height: 90rpx;"></u-button>
		</view>
		
		<lz-select-bi ref="lzSelect"></lz-select-bi>
	</view>
</template>

<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	export default {
		computed: {
			...mapGetters(['userInfo', 'api', 'config']),
		},
		components: {
		},
		data() {
			return {
				form:{
					address:''
				}
			}
		},
		onLoad(op) {
			
		},
		onReady() {},
		methods: {
			onpageshow(){
				this.$refs.lzSelect.show()
			}
		}
	}
</script>

<style lang="scss">
</style>